<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
</head>
<body>
<!--
    table:一个table标签对应一个表格
    tr:一个tr对应表格的一行
    td/th:一个td或者th对应表格的一列
        td与th的区别:
            字体一致、字体大小一致
            th居中、字体加粗,一般用于表头
            td居左、字体不加粗,一般用于表正文
    当同时设置背景图与背景色,同一级的情况下,背景图生效
    如果不同级,根据范围越小,优先级越高的方式进行设置
    即:列>行>表格
-->
<table align="center" border="1" width="600px" height="400px" bgcolor="gray" background="../images/1.jpg" bordercolor="pink" cellspacing="30px" cellpadding="10px">
    <tr bgcolor="red">
        <th align="left">单元格</th>
        <th>单元格</th>
        <th bgcolor="green">单元格</th>
        <th>单元格</th>
        <th>单元格</th>
    </tr>
    <tr align="center">
        <td valign="top">单元格</td>
        <td valign="middle">单元格</td>
        <td valign="bottom">单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
    <tr>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
</table>
</body>
</html>